@charset "utf-8";
@media (max-width:768px){
.nav{transition:all 0.5s ease 0s;position:fixed;width:100%;right: -100%;margin-left:0px;z-index:999;background:#fff;top:0px;height:100%;margin-top:50px;}
.header .i-2{display: block;height:30px;margin-top:10px;}
.header .i-1{display: none;}
.header .phone{display: none;}
.header{height:50px;}
.header .logo{height:50px;line-height:50px;}

.nav li{font-size: 16px;}
.nav li a{display: block;width: 100%;padding: 10px 0 10px 5px;}
.title{margin: 0 0 7px;}
.title p:nth-child(1){font-size: 26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.title p:nth-child(2){font-size: 22px;top: -23px;}
.i-case-prev{left: 8px;}
.i-case-next{right: 8px;}
.i-case{padding: 25px 0 25px;}
.i-case .swiper-slide .tex{padding: 13px 0 0;}
.i-case .swiper-slide .tex p:nth-child(2){margin: 8px 0 10px;}
.banner .banner-pagination{bottom: 5px !important;}

.i-product .con .c-left{width: 100%;}
.i-product .con .c-left .top{width: 100%;height: 65px;padding-top: 10px;}
.i-product .con .c-left .top p:nth-child(1){font-size: 18px;}
.i-product .con .c-left .top p:nth-child(2){margin-top: 5px;}
.i-product .con .c-left .bot .item .list li a{width: 49%;}
.i-product .con .c-left .bot .item .list li{padding: 10px 0;}
.i-product .con .c-left .bot .item .i-1{font-size: 14px;height: 44px;line-height: 44px;border-bottom: 2px solid #eee;}
.i-product .con .c-left .bot .item:last-child .i-1{border-bottom: 0px solid #000;}
.i-product .con .c-left .bot .item .list{padding: 0 9px 9px;}
.i-product .con .c-left .bot .item .list{display: none;}
.i-product .con .c-left .bot .item:nth-child(1) .list{display: block;}

.i-product{padding: 25px 0 25px;}
.i-product .con .c-right{width: 100%;margin-top: 10px;}
.i-product .con .c-right ul.clearfix{margin-left: -2%;}
.i-product .con .c-right ul.clearfix li{width: 48%;height: auto;margin-left: 2%;margin-top: 2%;float: left;}
.i-product .con .c-right ul.clearfix li:nth-child(1),
.i-product .con .c-right ul.clearfix li:nth-child(2),
.i-product .con .c-right ul.clearfix li:nth-child(3){margin-top: 2%;}
.i-product .con .c-right ul.clearfix li .tex{height:30px;line-height:30px;font-size: 12px;text-align:center;}
.i-product .con .c-right>ul.clearfix li:last-child{display: none;}

.i-introduce{padding: 25px 0 25px;}
.i-introduce .con .img{width: 100%;height: auto;}
.i-introduce .con .img img{width: 100%;}
.i-introduce .con .img .i-2{display: none;}
.i-introduce .con .img .i-1{position: initial;width: 100%;height: auto;}
.i-introduce .con .tex{width: 100%;}
.i-introduce .con .tex > img {left:0px;width:100%;top:10px;}
.i-introduce .con .tex .tex-01 p:nth-child(1){font-size:18px;}
.i-introduce .con .tex .tex-01 p:nth-child(2){width: 75px;height: 3px;margin-top: 10px;}
.i-introduce .con .tex .tex-01{margin-top: 20px;}
.i-introduce .con .tex .tex-02{font-size: 14px;line-height: 27px;margin-top: 17px;}
.i-introduce .con .tex .tex-02 p:nth-child(2){margin-top: 10px;}
.i-introduce .con .tex .i-more{margin-top: 25px;}

.i-cooperation{padding: 25px 0 25px;}
.i-cooperation .con li{width: 50%;border: 0;border-top: 1px solid #eee;}
.i-cooperation .con li:nth-child(2n-1){border-right: 1px solid #eee;}
.i-cooperation .con li img{width: 100%;}
.i-cooperation .con li:nth-child(1), .i-cooperation .con li:nth-child(2), .i-cooperation .con li:nth-child(3), .i-cooperation .con li:nth-child(4), .i-cooperation .con li:nth-child(5) {
    border-top:1px solid #eee;
}
.i-cooperation .con li:nth-child(1),
.i-cooperation .con li:nth-child(2){border-top: 0px solid #eee;}

.banner .banner-pagination .swiper-pagination-bullet{width: 10px !important;height: 10px !important;margin: 0 5px !important;}
.footer .top{background-size: cover;}

.footer .tex-01{width: 100%;text-align: center;margin-top: 0;}
.footer .tex-01 img{max-width:165px;width:30%;}
.footer .tex-02{width: 100%;margin-left: 0;margin-top: 25px;}
.footer .tex-03{width: 100%;margin-left: 0;display: none;}
.footer .code{display: none;}
.footer .top{padding: 25px 0;}
.footer .tex-02 .t-2 p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .bot p:nth-child(1){margin-left: 0;}
.footer .bot{height: auto;line-height: normal;text-align: left;padding: 15px 0 15px;}
.footer .bot p:nth-child(1){line-height: 22px;}
.footer .bot p{float: none;}
.footer .bot p:nth-child(2){margin-top: 10px;}
.f_zw{display:inline-block;width:100%;height:40px;}
.f_fixed{display:inline-block;position:fixed;bottom:0px;left:0px;width:100%;height:40px;z-index:999;}
.f_fixed a{display:inline-block;float:left;width:50%;line-height:40px;background:#106cde;;text-align:center;font-size:16px;color:#fff;}
.f_fixed a:nth-child(1){border-right:1px solid rgba(255,255,255,0.6);}

.page-about .top .tex{width: 100%;}
.page-about .top .tex .t-01{font-size: 22px;padding-top: 6px;}
.page-about .top .tex .t-02{margin-top: 15px;font-size: 14px;line-height: 29px;}
.page-about .top .img{width: 100%;height: auto;margin-top: 15px;}
.b-title .t-2 span:nth-child(1), .b-title .t-2 span:nth-child(3){display: none;}
.page-about .bot .con ul{margin-left: 0;}
.page-about .bot .con li{width: 100%;margin-left: 0;height: auto;margin-top: 10px;}
.page-about .bot{margin-top: 25px;}
.page-about .bot .con{margin-top: 15px;}
.page-about{padding: 0 0 25px;}

.case-det .top{margin-bottom: 15px;}
.case-det .top p:nth-child(1){font-size: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case-det .top p:nth-child(2){margin-top: 10px;}
.case-det{padding: 0 0 25px;}

.page-case{padding-top: 0;}
.page-case .con ul{margin-left: 0;}
.page-case .con li{width: 100%;margin-left: 0;margin-top: 20px;}
.page-case .con li .tex{padding: 15px 0 0;}
.page-case .con li:nth-child(1){margin-top: 0;}
.page-case .con li:nth-child(2),
.page-case .con li:nth-child(3){margin-top: 20px;}

.page{width:100%;margin-top:25px;text-align: center;}
.page li{display:inline-block;margin:0px 1px;font-size:14px;color:#666;}
.page li a,.page li span{display:inline-block;color:#666;width:30px;height:30px;line-height:28px;text-align:center;border:solid 1px #ccc;}
.page li a:hover{color:#fff;border: 1px solid #0e6fda;background: #0e6fda;}
.page li:nth-child(1) a,.page li:nth-last-child(1) a,.page li:nth-child(1),.page li:nth-last-child(1){width:30px;font-family:'宋体';}
.page li.active span{color:#fff;border: 1px solid #0e6fda;background: #0e6fda;}

.page-contact{margin-top: 0;}
.page-contact .top .img{width: 100%;height: auto;}
.page-contact .top .img .i-bg{width:100%;height:200px;}
.page-contact .top .img .i-bg img{left:0%;}
.page-contact .top .img .i-bg p {
    float: right;
    width: 70%;
    font-size: 14px;
    color: #333;
    left: 20%;
    position: absolute;
}
.page-contact .top .img>img{position: initial;width: 100%;margin-left: 0;display: none;}
.page-contact .top .tex{width: 100%;margin-left: 0;padding-top: 20px;}
.page-contact .top .tex .t-2 p:nth-child(1){margin-top: 16px;}
.page-contact .top .tex .t-2 p{font-size: 14px;}

.page-contact .bot ul{margin-left: 0;}
.page-contact .bot li{width: 100%;margin-left: 0;height: 117px;}
.page-contact .bot li a{padding: 14px 20px 0;}
.page-contact .bot li a p:nth-child(2){margin: 11px 0;}
.page-contact{padding-bottom: 25px;}
.page-contact .bot .con{margin-top: 7px;}
.page-contact .bot{margin-top: 35px;}

.page-product .b-con .c-01{width: 100%;font-size: 18px;height: 50px;line-height: 50px;}
.page-product .b-con .c-02 p{margin-top: 12px;}

.page-product .c-right .d-02 .img{width: 100%;}
.page-product .c-right .d-02 .tex{width: 100%;margin-top: 10px;}
.page-product .c-right .d-02 .tex .x-01{padding: 12px 0;}
.page-product .c-right .d-03{padding: 20px 0 8px;}
.page-product{padding-top: 0;}

.i-product .con .c-right .con ul {
    margin-left:-2%;}
.i-product .con .c-right .con li {float:left;width:48%;margin-left:2%;height:auto;margin-top:10px;}
.i-product .con .c-right .con li .tex {height: 30px;line-height:30px;}
.i-product .con .c-right .con li .tex p {font-size: 14px;}
.i-product .con .c-right .con li:nth-child(1), .i-product .con .c-right .con li:nth-child(2), .i-product .con .c-right .con li:nth-child(3){margin-top:10px;}
